@import url("http://at.alicdn.com/t/font_692423_ty0txcbxk3wbqpvi.css");

html {
	font-size: 20px
}

@media only screen and (min-width:400px) {
	html {
		font-size: 21.33px!important
	}
}

@media only screen and (min-width:414px) {
	html {
		font-size: 22.08px!important
	}
}

@media only screen and (min-width:480px) {
	html {
		font-size: 25.6px!important
	}
}
html,body{height: 100%;}
body{background: #f2f2f2; color: #303030;}
ul,li,dl,dt,dd{list-style: none; margin: 0; padding: 0;}
p,h1,h2,h3,h4{ margin: 0; padding: 0;}
em,i{font-style: normal;}
a{color:#303030;}
.clearfix{overflow:auto;_height:1%}
.show{display: block;}
.hide{display: none;}

/*reset layout*/
.mui-bar.mui-bar-transparent{background:rgba(48,48,48,0);}
.mui-content{min-height: 100%; }
.mui-bar-nav{box-shadow: none;}
.mui-bar-nav~.mui-content{padding-top:0;}
.mui-bar-transparent~.mui-content{padding-top: 0;}
.swiper-container .swiper-slide img{width: 100%;}
.mui-title{color: #fff;}
.mui-content{color: #303030; background: #f2f2f2;}
.mui-bar .mui-btn-link{color: #fff;}

/*header mui-bar*/
.mui-bar-nav{background:rgba(48,48,48,0) url(../images/topbg.png) no-repeat center bottom; background-size:cover;}

/*home_header*/
.mui-focusin>.mui-bar-nav{position: fixed;}
.home_header{height: auto; padding: 0.2rem 0.5rem 0.3rem 0.5rem; display: flex; flex-direction: row; flex-wrap: wrap;}
.home_header .logo{width: 4.5rem; margin-top: 0.1rem;}
.home_header .logo img{width:100%; display: block;}
.home_header .header_search{flex: auto; padding:0 0.5rem; height:1.7rem; line-height: 1.6rem; border-radius: 2rem; background:rgba(255,255,255,0.5); box-shadow:0px 1px 5px rgba(100,100,100,0.3); color: #fff; margin: 0.2rem 0 0 0.5rem;}
.home_header .header_search .mui-icon{padding-top: 0; font-size:1rem;}
.home_header .header_search span{font-size: 0.7rem;}

.home_header .mui-search{ clear: initial; padding-left: 0.5rem;}
.home_header .mui-search input[type=search]{width: 100%; height:1.7rem; line-height: 1.7rem; border-radius: 2rem; background:rgba(255,255,255,0.5); box-shadow:0px 1px 5px rgba(100,100,100,0.3); }
.home_header .mui-search input::-webkit-input-placeholder{color: #fff;}
.home_header .mui-search .mui-placeholder{text-align: left; color: #fff; font-size: 0.7rem;}
.home_header .mui-search .mui-placeholder .mui-icon{margin:12px 0 0 10px; padding: 0; color: #fff; font-size:1rem;}
.home_header .mui-search.mui-active:before{left: 10px; top:22px; color: #fff;}
.home_header .mui-search .mui-input-clear~.mui-icon-clear{right:7%; top:2px;}


/*footbar*/
.footbar{background: #fff; height: 2.5rem; padding: 0 0.2rem; z-index: 100; box-shadow: 0 0 0.1rem #cad9e0;}


.swiper-pagination .swiper-pagination-bullet{background:#2ba6e1;}
/*mui-card*/
.mui-card{border-radius: 0.25rem; box-shadow:0 0.05rem 0.3rem #e6e6e6;}

/*page_slider*/
.mui-slider{height:100%;}
.mui-slider .mui-control-content .mui-loading {margin-top: 50px;}
.mui-slider .mui-slider-group{height: 100%; background: #f2f2f2;}
.mui-slider .mui-control-content{height: 100%;}
.mui-slider .mui-slider-indicator.mui-segmented-control{ background: #2ba6e1;}
.mui-slider .mui-segmented-control .mui-control-item{color: #eee; line-height: 44px;}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #fff;}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{position: relative; height: 2px; margin-top: -2px; z-index: 100; background-color:#95d2f0;}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{background: none;border: 0;}
.mui-slider .mui-scroll{background: #fff; min-height: 100%;}


/*mui-btn reset*/
.mui-btn{-webkit-tap-highlight-color:transparent;background-clip:initial; border-radius: 0.3rem; font-size: 0.7rem;}
.mui-badge-red{background-color: #ac1f28;}
.mui-btn-red{background-color: #ac1f28; border-color:#ac1f28;}
.mui-btn-blue{background-color: #1b1e3d;border-color:#1b1e3d;}
.mui-btn-blue.mui-btn-outlined,.mui-btn-red.mui-btn-outlined { background-color: transparent;}
.mui-btn-outlined.mui-btn-danger, .mui-btn-outlined.mui-btn-negative, .mui-btn-outlined.mui-btn-red{color: #ac1f28;}
.mui-btn-black{background-color: #303030; border-color:#303030; color: #ddd;}
.btn_round{border-radius:10rem;}

/*checkbox/radio reset*/
.mui-checkbox input[type=checkbox]:checked:before,.mui-radio input[type=radio]:checked:before{color: #ac1f28;}
.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{font-size: 1.2rem;}
.mui-btn-blue.mui-active:enabled, .mui-btn-blue:enabled:active, .mui-btn-primary.mui-active:enabled, .mui-btn-primary:enabled:active, input[type=submit].mui-active:enabled, input[type=submit]:enabled:active{
	color: #fff;
    border: 1px solid #262b5f;
    background-color: #262b5f;
}
.mui-btn-danger.mui-active:enabled, .mui-btn-danger:enabled:active, .mui-btn-negative.mui-active:enabled, .mui-btn-negative:enabled:active, .mui-btn-red.mui-active:enabled, .mui-btn-red:enabled:active{
	color: #fff;
    border: 1px solid #c11d27;
    background-color: #c11d27;
}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{top: 6px;}
.mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio]{left: 0;}
.mui-checkbox label, .mui-radio label{font-size: 0.75rem;}
.mui-checkbox.mui-left label, .mui-radio.mui-left label{padding-left:28px; padding-right: 0;}


.popup_close{position: absolute; right: 0.75rem; top:0.75rem; z-index: 10;}
.popup_close .iconfont{font-size:1rem; color: #999;}


